.xhf-new-index-page-top {
	width: 7.5rem;
	height: 6rem;
	background-image: url(../../../../images/imageXHF/xhf_index_bg.png);
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	.quota-box {
		position: relative;
		width: 6.9rem;
		height: 6rem;
		background: #fff;
		border-radius: 10px;
		margin-top: 1rem;
		box-sizing: border-box;
		box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.11);
	}
	.content {
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding-top: 0.4rem;
		p {
			color: #545454;
			font-size: 0.26rem;
		}
		h3 {
			margin: 0;
			padding: 0;
			color: #333;
			font-size: 0.9rem;
			margin: 0.14rem 0 0.38rem 0;
		}
		h4 {
			img {
				width: 5.18rem;
				height: 0.45rem;
			}
			margin-top: 0.3rem;
		}
		.xhf-index-btn {
			margin-top: 0.66rem;
		}
	}
	.xhf-index-btn {
		margin-top: 0.66rem;
	}
	.agree {
		// display: flex;
		padding: 0 0.2rem;
		color: #888;
		font-size: 0.24rem;
		// align-items: center;
		margin-top: 0.2rem;
		// margin-left: .25rem;
		box-sizing: border-box;
		text-align: left;
		.am-checkbox-inner {
			border-radius: 0;
			width: 0.3rem;
			height: 0.3rem;
		}
		.am-checkbox-inner:after {
			top: 0;
			right: 4px;
		}
		.am-checkbox-agree {
			display: inline-block;
			margin: 0;
		}
		.am-checkbox-agree .am-checkbox-agree-label {
			color: #888;
		}

		span {
			color: #5091ff;
		}
	}
	.xhf-agree {
		text-align: left;
		display: flex;
		align-content: center;
		.am-checkbox-agree {
			margin: 0;
		}
		p {
			margin-top: 0.18rem;
			line-height: 0.38rem;
		}
	}
	.contentnotice {
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		padding-top: 0.4rem;
		p {
			color: #545454;
			font-size: 0.26rem;
		}
		h3 {
			margin: 0;
			padding: 0;
			color: #333;
			font-size: 0.9rem;
			margin: 0.14rem 0 0.38rem 0;
		}
		h4 {
			img {
				width: 5.18rem;
				height: 0.45rem;
			}
			margin-top: 0.3rem;
		}
		.xhf-index-btn {
			margin-top: 0.66rem;
		}
	}
}
